$( function(){
    $(".stairs-btn").click( function(){
        var index = $(this).index(".stairs-btn");
        var $content = $(".content").eq( index );
        $("body,html").animate({
            scrollTop : $content.offset().top
        });
    })
    $(".go-back").click( function(){
        $("body,html").animate({
            scrollTop : 0
        });
    }); 
    var top_array = [];
    var $contents = $(".content")
    for(var i = 0 ; i < $contents.length ; i ++){
        top_array.push( 
            $contents.eq(i).offset().top
        )
    }

    $(window).scroll(function(){
        var scrollTop = $("body,html").scrollTop();
        var index = getStairsIndex( scrollTop , top_array)
        $(".stairs-btn").eq(index).addClass("active")
        .siblings(".stairs-btn")
        .removeClass("active");
    
    });

    function getStairsIndex( scrollTop , top_array ){ 
        if( scrollTop >= top_array[top_array.length - 1]){
            return top_array.length - 1;
        }
        if( scrollTop < top_array[1]){
            return 0;
        }
        for(var i = 0 ; i < top_array.length - 1; i ++){
           
            if( scrollTop >= top_array[i] && scrollTop < top_array[i + 1]){
                return i ;
            }
        }
    }
});

$(window).scroll( function(){
    // // 获取浏览器上卷高度
    // let bt = document.documentElement.scrollTop;
    // // 获取浏览器视窗窗口高度
    // let bh = document.documentElement.clientHeight;

    // 吸顶div 和 侧边栏div效果
    if( document.documentElement.scrollTop > 500 ){
        $('.searchTop').finish().slideDown(1000).css('display' , 'flex');
       
    }else{
        $('.searchTop').finish().slideUp(1000);
    } 


})